Code Playground

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800);
*,
:after,
:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.container {
  width: 500px;
  height: 500px;
  margin: 0 auto;
  position: relative;
  border: 8px solid;  
  overflow: hidden;
  background: url('http://images.nationalgeographic.com/wpf/media-live/photos/000/012/cache/stars_1230_600x450.jpg');
}

.earth {
  width: 500px;
  height: 500px;
  border-radius: 100%;  
  overflow: hidden;             
/*  background: url('http://www2.picturepush.com/photo/a/4999475/1024/minecraft-app/dirtminecraftbackground.png') repeat; */
  background: url('http://images3.wikia.nocookie.net/__cb20120419200835/masseffect/de/images/4/40/Erde.jpg') repeat;
  background-size: 600px;
  background-position: -50px -50px;
  position: absolute;
  top: 50%;
  left: 0px;
  animation:spin 10s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(-360deg);
  }
}

#sun2 {
  position: absolute;
  left:300px;
  top:10px;
}

.bird {
  background: green;
  border-radius: 50% 50% 20% 20%;
  position: absolute;
  top: 15%;
  left: 80%;
  margin-top: -20px;
  margin-left: -10px;
  width: 15px;
  height: 15px;
  animation: fly 0.8s linear infinite;
}

.bird:after, .bird:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
}

.bird:after {
  border-radius: 100% 100% 0 0;
  box-shadow: inset 0px 5px 0px green;
  width: 100px;
  height: 100px;
  margin-top: -7px;
  margin-left: -50px;
  transform-origin: 100% 0%;
  animation: flap 3s linear infinite;
}

@keyframes fly {
  50% { transform: translate3d(35px, 28px, 11px); }
}

@keyframes flap {
  100% { transform: rotateX(1000deg); }
}

.sky {
  position: absolute;
  left: 10%;
}

.sun {
    border-top: 5px solid #FFFF19;
    border-left: 5px solid #FFFF5E;
    border-right: 5px solid #FFFF33;
    border-bottom: 5px solid #FFFF00;
    border-radius: 100%;
    padding: 3px;
    animation: spin 5s linear infinite;
}

.trollface{
 background:url("http://www.reactionface.info/sites/default/files/images/1287666826226.png");
  width:100px;
    height:100px;
background-size:100px;
top:99px;
left:180px;  
  position:absolute;
}

Frontend Forever App